<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../images/favicon.ico">

    <title>洲博通 - Dashboard  Profile </title>
  
	<!-- Bootstrap 4.0-->
	<link rel="stylesheet" href="../../../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">
	
	<!-- Bootstrap extend-->
	<link rel="stylesheet" href="../../css/bootstrap-extend.css">

	<!-- Theme style -->
	<link rel="stylesheet" href="../../css/master_style.css">

	<!-- 洲博通 skins -->
	<link rel="stylesheet" href="../../css/skins/_all-skins.css">	

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->


</head>
<body class="sidebar-collapse skin-blue sidebar-mini">
  <b data-toggle="push-menu" style="display:none"></b>
<div class="wrapper">



  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        User Profile
      </h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="breadcrumb-item"><a href="#">Examples</a></li>
        <li class="breadcrumb-item active">User profile</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <div class="row">
        <div class="col-12">
		  <div class="box card-inverse bg-img" style="background-image: url(../../../images/gallery/full/2.jpg); padding-top: 200px">
              <div class="flexbox align-items-center px-20" data-overlay="4">
                <div class="flexbox align-items-center mr-auto">
                  <a href="#">
                    <img class="avatar avatar-xl avatar-bordered" src="../../../images/avatar/4.jpg" alt="">
                  </a>
                  <div class="pl-10 d-none d-md-block">
                    <h5 class="mb-0"><a class="hover-primary text-white" href="#">Roben Clark</a></h5>
                    <span>Designer</span>
                  </div>
                </div>

                <ul class="flexbox flex-justified text-center py-20">
                  <li class="px-10">
                    <span class="opacity-60">Followers</span><br>
                    <span class="font-size-20">9.6K</span>
                  </li>
                  <li class="px-10">
                    <span class="opacity-60">Following</span><br>
                    <span class="font-size-20">9845</span>
                  </li>
                  <li class="pl-10">
                    <span class="opacity-60">Tweets</span><br>
                    <span class="font-size-20">8456</span>
                  </li>
                </ul>
              </div>
            </div>	
			

          <!-- Profile Image -->
          <div class="box">
            <div class="box-body box-profile">            
              <div class="row">
              	<div class="col-md-4 col-12">
              		<div class="profile-user-info">
						<p>Email :<span class="text-gray pl-10">David@yahoo.com</span> </p>
						<p>Phone :<span class="text-gray pl-10">+11 123 456 7890</span></p>
						<p>Address :<span class="text-gray pl-10">123, Lorem Ipsum, Florida, USA</span></p>
					</div>
             	</div>
              	<div class="col-md-3 col-12">
              		<div class="profile-user-info">						
						<p class="margin-bottom">Social Profile</p>
						<div class="user-social-acount">
							<button class="btn btn-circle btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></button>
							<button class="btn btn-circle btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></button>
							<button class="btn btn-circle btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></button>
						</div>
					</div>
             	</div>
              	<div class="col-md-5 col-12">
              		<div class="profile-user-info">
						<div class="map-box">
							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2805244.1745767146!2d-86.32675167439648!3d29.383165774894163!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c1766591562abf%3A0xf72e13d35bc74ed0!2sFlorida%2C+USA!5e0!3m2!1sen!2sin!4v1501665415329" width="100%" height="100" frameborder="0" style="border:0" allowfullscreen></iframe>
						</div>
					</div>
             	</div>
              </div>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
        <div class="col-lg-8 col-12">
          <div class="nav-tabs-custom box-profile">
            <ul class="nav nav-tabs">
              
              <li><a class="active" href="#timeline" data-toggle="tab">Timeline</a></li>
              <li><a href="#activity" data-toggle="tab">Activity</a></li>
              <li><a href="#settings" data-toggle="tab">Settings</a></li>
            </ul>
                        
            <div class="tab-content">
             
             <div class="active tab-pane" id="timeline">
				<div class="publisher publisher-multi bg-white b-1 mb-30">
				  <textarea class="publisher-input auto-expand" rows="4" placeholder="Write something"></textarea>
				  <div class="flexbox">
					<div class="gap-items">
					  <span class="publisher-btn file-group">
						<i class="fa fa-image file-browser"></i>
						<input type="file">
					  </span>
					  <a class="publisher-btn" href="#"><i class="fa fa-map-marker"></i></a>
					  <a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a>
					</div>

					<button class="btn btn-sm btn-bold btn-primary">Post</button>
				  </div>
				</div> 
				 
				<div class="box">
				  <div class="media bb-1 border-fade">
					<img class="avatar avatar-lg" src="../../../images/avatar/3.jpg" alt="...">
					<div class="media-body">
					  <p>
						<strong>Denial Webar</strong>
						<time class="float-right text-lighter" datetime="2017">24 min ago</time>
					  </p>
					  <p><small>Designer</small></p>
					</div>
				  </div>

				  <div class="box-body bb-1 border-fade">
					<p class="lead">Authoritatively syndicate goal-oriented leadership skills for clicks-and-mortar outsourcing. Synergistically reconceptualize enabled catalysts for change.</p>

					<div class="gap-items-4 mt-10">
					  <a class="text-lighter hover-light" href="#">
						<i class="fa fa-thumbs-up mr-1"></i> 1254
					  </a>
					  <a class="text-lighter hover-light" href="#">
						<i class="fa fa-comment mr-1"></i> 25
					  </a>
					  <a class="text-lighter hover-light" href="#">
						<i class="fa fa-share-alt mr-1"></i> 12
					  </a>
					</div>
				  </div>


				  <div class="media-list media-list-divided bg-lighter">
					<div class="media">
					  <a class="avatar" href="#">
						<img src="../../../images/avatar/6.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p>
						  <a href="#"><strong>Rock Tele</strong></a>
						  <time class="float-right text-fade" datetime="2017-07-14 20:00">Just now</time>
						</p>
						<p>Uniquely enhance world-class channels with just in time schemas.</p>

						<div class="media px-0 mt-20">
						  <a class="avatar" href="#">
							<img src="../../../images/avatar/8.jpg" alt="...">
						  </a>
						  <div class="media-body">
							<p>
							  <a href="#"><strong>Brock Lensar</strong></a>
							  <time class="float-right text-fade" datetime="2017-07-14 20:00">26 mins ago</time>
							</p>
							<p>Thank you for your nice comment.</p>
						  </div>
						</div>

					  </div>
					</div>

					<div class="media">
					  <a class="avatar" href="#">
						<img src="../../../images/avatar/9.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p>
						  <a href="#"><strong>Tony Stark</strong></a>
						  <time class="float-right text-fade" datetime="2017-07-14 20:00">2 hours ago</time>
						</p>
						<p>Continually drive user friendly solutions through performance based infomediaries.</p>
					  </div>
					</div>
				  </div>

				  <form class="publisher bt-1 border-fade bg-white">
					<img class="avatar avatar-sm" src="../../../images/avatar/4.jpg" alt="...">
					<input class="publisher-input" type="text" placeholder="Add Your Comment">
					<a class="publisher-btn" href="#"><i class="fa fa-smile-o"></i></a>
					<span class="publisher-btn file-group">
					  <i class="fa fa-camera file-browser"></i>
					  <input type="file">
					</span>
				  </form>

				</div>
				
				 
				<div class="box p-15"> 
                	<div class="timeline timeline-single-column">
						<div class="timeline-item timeline-item-arrow-sm">
							<div class="timeline-point timeline-point-primary">
								<i class="fa fa-star"></i>
							</div>
							<div class="timeline-event">
								<div class="panel">
									<div class="panel-heading">
										<h3 class="panel-title">timeline-event timeline-event-primary with panel panel-default</h3>
									</div>
									<div class="panel-body">
										Panel content
									</div>
								</div>
							</div>
						</div>

						<div class="timeline-item">
							<div class="timeline-point">
								<i class="fa fa-star"></i>
							</div>
							<div class="timeline-event">
								<div class="timeline-heading">
									<h4 class="timeline-title">Timeline Event</h4>
								</div>
								<div class="timeline-body">
									<p>Advenientibus aliorum eam ad per te sed. Facere debetur aut veneris accedens.</p>
								</div>
								<div class="timeline-footer">
									<p class="text-right">Feb-22-2014</p>
								</div>
							</div>
						</div>

						<span class="timeline-label">
							<span class="badge badge-info badge-lg">label</span>
						</span>

						<div class="timeline-item">
							<div class="timeline-point timeline-point-blank">
							</div>
							<div class="timeline-event">
								<div class="timeline-heading">
									<h4 class="timeline-title">Timeline Event</h4>
								</div>
								<div class="timeline-body">
									<p>Crede respiciens loco dedit beneficio ad suis alteri si puella eius in. Acceptis codicello lenonem in deinde plectrum anni ipsa quod eam est Apollonius.</p>
								</div>
								<div class="timeline-footer">
									<p class="text-right">Mar-02-2014</p>
								</div>
							</div>
						</div>

						<span class="timeline-label">
							<span class="badge badge-info badge-lg">Images</span>
						</span>

						<div class="timeline-item">
							<div class="timeline-point timeline-point-success">
								<i class="fa fa-image"></i>
							</div>
							<div class="timeline-event">
								<div class="timeline-heading">
									<h4 class="timeline-title"><a href="#">Rakesh Kumar</a><small> uploaded new photos</small></h4>
								</div>
								<div class="timeline-body">
									<img src="../../../images/150x100.png" alt="..." class="m-10">
								    <img src="../../../images/150x100.png" alt="..." class="m-10">
								    <img src="../../../images/150x100.png" alt="..." class="m-10">
								    <img src="../../../images/150x100.png" alt="..." class="m-10">
								</div>
								<div class="timeline-footer">
									<p class="text-right"><i class="fa fa-clock-o"></i> 8 days ago</p>
								</div>
							</div>
						</div>

						<div class="timeline-item">
							<div class="timeline-point timeline-point-info">
								<i class="ion ion-chatbubble-working"></i>
							</div>
							<div class="timeline-event">
								<div class="timeline-heading">
									<h4 class="timeline-title"><a href="#">Jone Doe</a><small> commented on your post</small></h4>
								</div>
								<div class="timeline-body">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus numquam facilis enim eaque, tenetur nam id qui vel velit similique nihil iure molestias aliquam, voluptatem totam quaerat, magni commodi quisquam.</p>									
								</div>
								<div class="timeline-footer">
									<a class="btn btn-success btn-sm" href="#">View comment</a>
									<p class="pull-right"><i class="fa fa-clock-o"></i> 8 days ago</p>
								</div>
							</div>
						</div>

						<div class="timeline-item">
							<div class="timeline-point timeline-point-danger">
								<i class="ion ion-ios-videocam"></i>
							</div>
							<div class="timeline-event">
								<div class="timeline-heading">
									<h4 class="timeline-title"><a href="#">Jone Doe</a><small> shared a video</small></h4>
								</div>
								<div class="timeline-body">
									<div class="embed-responsive embed-responsive-16by9">
                    					<iframe width="854" height="480" src="https://www.youtube.com/embed/k85mRPqvMbE" frameborder="0" allowfullscreen></iframe>
									</div>									
								</div>
								<div class="timeline-footer">
									<a class="btn btn-success btn-sm" href="#">View comment</a>
									<p class="pull-right"><i class="fa fa-clock-o"></i> 8 days ago</p>
								</div>
							</div>
						</div>

						<span class="timeline-label">
							<button class="btn btn-danger"><i class="fa fa-clock-o"></i></button>
						</span>
					</div>
                
			  
                </div>  
              </div>    
              <!-- /.tab-pane -->
              
              <div class="tab-pane" id="activity">			
				 
				<div class="box p-15">				
                <!-- Post -->
                <div class="post">
                  <div class="user-block">
                    <img class="img-bordered-sm rounded-circle" src="../../../images/user1-128x128.jpg" alt="user image">
                        <span class="username">
                          <a href="#">Brayden</a>
                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
                        </span>
                    <span class="description">5 minutes ago</span>
                  </div>
                  <!-- /.user-block -->
                  <div class="activitytimeline">
					  <p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
					  </p>
					  <ul class="list-inline">
						<li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> Share</a></li>
						<li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> Like</a>
						</li>
						<li class="pull-right">
						  <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> Comments
							(5)</a></li>
					  </ul>
					  <form class="form-element">
						  <input class="form-control input-sm" type="text" placeholder="Type a comment">
					 </form>
                  </div>
                </div>
                <!-- /.post -->
                
                <!-- Post -->
                <div class="post">
                  <div class="user-block">
                    <img class="img-bordered-sm rounded-circle" src="../../../images/user6-128x128.jpg" alt="user image">
                        <span class="username">
                          <a href="#">Evan</a>
                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
                        </span>
                    <span class="description">5 minutes ago</span>
                  </div>
                  <!-- /.user-block -->
                  <div class="activitytimeline">
					  <div class="row margin-bottom">
						<div class="col-sm-6">
						  <img class="img-fluid" src="../../../images/photo1.png" alt="Photo">
						</div>
						<!-- /.col -->
						<div class="col-sm-6">
						  <div class="row">
							<div class="col-sm-6">
							  <img class="img-fluid" src="../../../images/photo2.png" alt="Photo">
							  <br><br>
							  <img class="img-fluid" src="../../../images/photo3.jpg" alt="Photo">
							</div>
							<!-- /.col -->
							<div class="col-sm-6">
							  <img class="img-fluid" src="../../../images/photo4.jpg" alt="Photo">
							  <br><br>
							  <img class="img-fluid" src="../../../images/photo1.png" alt="Photo">
							</div>
							<!-- /.col -->
						  </div>
						  <!-- /.row -->
						</div>
						<!-- /.col -->
					  </div>
					  <!-- /.row -->

					  <ul class="list-inline">
						<li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> Share</a></li>
						<li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> Like</a>
						</li>
						<li class="pull-right">
						  <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> Comments
							(5)</a></li>
					  </ul>

					  <form class="form-element">
						  <input class="form-control input-sm" type="text" placeholder="Type a comment">
					 </form>
					</div>
				</div>
                <!-- /.post -->

                <!-- Post -->
                <div class="post clearfix">
                  <div class="user-block">
                    <img class="img-bordered-sm rounded-circle" src="../../../images/user7-128x128.jpg" alt="user image">
                        <span class="username">
                          <a href="#">Nicholas</a>
                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
                        </span>
                    <span class="description">5 minutes ago</span>
                  </div>
                  <!-- /.user-block -->
                    <div class="activitytimeline">
					  <p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
					  </p>

					  <form class="form-horizontal form-element">
						<div class="form-group row no-gutters">
						  <div class="col-sm-9">
							<input class="form-control input-sm" placeholder="Response">
						  </div>
						  <div class="col-sm-3">
							<button type="submit" class="btn btn-danger pull-right btn-block btn-sm">Send</button>
						  </div>
						</div>
					  </form>
					</div>
                </div>
                <!-- /.post -->
               </div>
                
              </div>
              <!-- /.tab-pane -->
              
              <div class="tab-pane" id="settings">		
				 
				<div class="box p-15">		
					<form class="form-horizontal form-element col-12">
					  <div class="form-group row">
						<label for="inputName" class="col-sm-2 control-label">Name</label>

						<div class="col-sm-10">
						  <input type="email" class="form-control" id="inputName" placeholder="">
						</div>
					  </div>
					  <div class="form-group row">
						<label for="inputEmail" class="col-sm-2 control-label">Email</label>

						<div class="col-sm-10">
						  <input type="email" class="form-control" id="inputEmail" placeholder="">
						</div>
					  </div>
					  <div class="form-group row">
						<label for="inputPhone" class="col-sm-2 control-label">Phone</label>

						<div class="col-sm-10">
						  <input type="tel" class="form-control" id="inputPhone" placeholder="">
						</div>
					  </div>
					  <div class="form-group row">
						<label for="inputExperience" class="col-sm-2 control-label">Experience</label>

						<div class="col-sm-10">
						  <textarea class="form-control" id="inputExperience" placeholder=""></textarea>
						</div>
					  </div>
					  <div class="form-group row">
						<label for="inputSkills" class="col-sm-2 control-label">Skills</label>

						<div class="col-sm-10">
						  <input type="text" class="form-control" id="inputSkills" placeholder="">
						</div>
					  </div>
					  <div class="form-group row">
						<div class="ml-auto col-sm-10">
						  <div class="checkbox">
							<input type="checkbox" id="basic_checkbox_1" checked="">
							<label for="basic_checkbox_1"> I agree to the</label>
							  &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Terms and Conditions</a>
						  </div>
						</div>
					  </div>
					  <div class="form-group row">
						<div class="ml-auto col-sm-10">
						  <button type="submit" class="btn btn-success">Submit</button>
						</div>
					  </div>
					</form>
                </div>			  
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->		

          <div class="col-12 col-lg-4">
            <div class="box">

              <div class="text-white box-body bg-img text-center py-50" style="background-image: url(../../../images/photo4.jpg);">
                <a href="#">
                  <img class="avatar avatar-xxl avatar-bordered" src="../../../images/avatar/8.jpg" alt="">
                </a>
                <h5 class="mt-2 mb-0"><a class="text-white" href="#">Maika Khalif</a></h5>
                <span>Designer</span>
              </div>
              <ul class="flexbox flex-justified text-center p-20">
                <li class="br-1 border-light">
                  <span class="text-muted">Followers</span><br>
                  <span class="font-size-20">6.6K</span>
                </li>
                <li class="br-1 border-light">
                  <span class="text-muted">Following</span><br>
                  <span class="font-size-20">5148</span>
                </li>
                <li>
                  <span class="text-muted">Tweets</span><br>
                  <span class="font-size-20">2154</span>
                </li>
              </ul>
            </div>
			
            <div class="box">
				<div class="box-body">
					<div class="flexbox align-items-baseline mb-20">
					  <h6 class="text-uppercase ls-2">Friends</h6>
					  <small>20</small>
					</div>
					<div class="gap-items-2 gap-y">
					  <a class="avatar" href="#"><img src="../../../images/avatar/1.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/3.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/4.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/5.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/6.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/7.jpg" alt="..."></a>
					  <a class="avatar" href="#"><img src="../../../images/avatar/8.jpg" alt="..."></a>
					  <a class="avatar avatar-more" href="#">+15</a>
					</div>
				</div>
				<div class="box-footer">
                	<a class="text-uppercase d-blockls-1 text-light" href="#">Invite People</a>
                </div>
            </div>
			  
			<div class="box box-inverse box-carousel slide" data-ride="carousel" style="background-color: #00aced">
              <div class="box-header no-border">
                <span class="fa fa-twitter font-size-30"></span>
				  <div class="box-tools pull-right">
                	<h5 class="box-title box-title-bold">Carousel feed</h5>
				  </div>
              </div>

              <div class="carousel-inner">
                <blockquote class="blockquote blockquote-inverse no-border m-0 py-15 carousel-item active">
                  <p>Holisticly benchmark plug imperatives for multifunctional deliverables. Seamlessly incubate cross functional action.</p>
                  <div class="flexbox">
                    <time class="text-white" datetime="2017-11-22 20:00">22 November, 2017</time>
                    <span><i class="fa fa-heart"></i> 62</span>
                  </div>
                </blockquote>

                <blockquote class="blockquote blockquote-inverse no-border m-0 py-15 carousel-item">
                  <p>Uniquely revolutionize leveraged catalysts for change for world-class web services. Efficiently underwhelm competitive.</p>
                  <div class="flexbox">
                    <time class="text-white" datetime="2017-11-22 20:00">22 November, 2017</time>
                    <span><i class="fa fa-heart"></i> 45</span>
                  </div>
                </blockquote>

                <blockquote class="blockquote blockquote-inverse no-border m-0 py-15 carousel-item">
                  <p>Enthusiastically optimize cross-media manufactured products without process-centric web services. Conveniently.</p>
                  <div class="flexbox">
                    <time class="text-white" datetime="2017-11-22 20:00">22 November, 2017</time>
                    <span><i class="fa fa-heart"></i> 65</span>
                  </div>
                </blockquote>
              </div>

            </div>
			
			<div class="box box-inverse" style="background-color: #3b5998">
              <div class="box-header no-border">
                <span class="fa fa-facebook font-size-30"></span>
				  <div class="box-tools pull-right">
                	<h5 class="box-title box-title-bold">Facebook feed</h5>
				  </div>
              </div>

              <blockquote class="blockquote blockquote-inverse no-border m-0 py-15">
                <p>Holisticly benchmark plug imperatives for multifunctional deliverables. Seamlessly incubate cross functional action.</p>
                <div class="flexbox">
                  <time class="text-white" datetime="2017-11-21 20:00">21 November, 2017</time>
                  <span><i class="fa fa-heart"></i> 75</span>
                </div>
              </blockquote>
            </div>
			  
          </div>
		  
      </div>
      <!-- /.row -->

    </section>
    <!-- /.content -->
  </div>

 

</div>
<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="../../../assets/vendor_components/jquery/dist/jquery.min.js"></script>
	
	<!-- popper -->
	<script src="../../../assets/vendor_components/popper/dist/popper.min.js"></script>
	
	<!-- Bootstrap 4.0-->
	<script src="../../../assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script>
	
	<!-- SlimScroll -->
	<script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	
	<!-- FastClick -->
	<script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"></script>
	
	<!-- 洲博通 App -->
	<script src="../../js/template.js"></script>
	
	<!-- 洲博通 for demo purposes -->
	<script src="../../js/demo.js"></script>
	
	
</body>
</html>
